<template>
  <div class="header-top-menu">
    <header-logo/>
    <header-menu/>
  </div>

</template>

<script lang="ts" setup>
import {computed, ref} from 'vue';
import {useRouter, useRoute} from 'vue-router';
import {useAccountStore} from "@/store/modules/account";
import {useApp} from "@/hooks";
import HeaderLogo from "@/layouts/menu/components/header-logo.vue";
import HeaderMenu from "@/layouts/menu/components/header-menu.vue";

const accountStore = useAccountStore();
const router = useRouter();
const route = useRoute();
const account = computed(() => accountStore.info);

const {appInfo, appMenu, appName, changeApp, appChildrenMenu, menuStyle} = useApp();


const toView = (name) => {
  if (name != route.name) {
    router.push({name: name});
  }
}

const showSetting = ref(false);
</script>

<style lang="scss" scoped>
.header-top-menu{

}
</style>
